<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>支付订单</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Wx/css/base.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Wx/css/detail.css" />
</head>
<body>
<div class="detail" style="padding-bottom:60px;">
    <div class="state">
        <div class="inner">
            <h2>待付款</h2>
            <span><img src=""__PUBLIC__/Wx/img/icon04.png"/></span>
            <p>本商品为自提商品，社区店二次分拣，开心享受家乡美味！</p>
        </div>
    </div>
    <div class="money02">
        <h1>乡土味士</h1>
        <h2>￥19.90s</h2>
    </div>
    <div class="payway">
        <ul>
            <li><span>卡额支付</span><em>（剩余<b>1000</b>元）</em><em style="display:none;">（卡额不足，剩余<b>10</b>元）</em><input type="radio" name="on" checked class="selected"/></li>
            <li><span style="background:url(__PUBLIC__/Wx/img/wechat02.png) no-repeat left center; background-size:23px 20px;">微信支付</span><input type="radio" name="on"/></li>
        </ul>
    </div>
    <div class="ordermess">
        <p>创建时间：2018-05-03 21:34:23</p>
        <p>订单编号：4587586988567497456784</p>
    </div>
    <div class="button"><input type="button" value="确认支付"/></div>
    <div class="hint04">
        <div class="shadow">
            <div class="close"></div>
            <div class="succeed">
                <h2>请输入卡额支付密码</h2>
                <h3>乡土味士</h3>
                <h4>￥19.90</h4>
                <h5><input type="password"/></h5>
                <p><input type="button" value="取消" class="left"/><input type="button" value="确定" class="right"  onclick="window.location.href='success.html'"/></p>
            </div>
        </div>
    </div>
</div>
<script  src="__PUBLIC__/Wx/js/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
    $('.payway ul li input').click(function(){
        $(this).addClass("selected").parents('li').siblings('li').children('input').removeClass()
    });
    $('.button').click(function(){
        $('.hint04').css('display','block')
    });
    $('.hint04 .close').click(function(){
        $('.hint04').css('display','none')
    });
    $('.hint04 .left').click(function(){
        $('.hint04').css('display','none')
    });
</script>

</body>
</html>